<ion-header>
  <ion-navbar>
    <ion-buttons>
      <button ion-button (click)="closeModal()">关闭</button>
    </ion-buttons>
    <ion-title>基金列表</ion-title>
    <ion-buttons end *ngIf="!selectOne">
      <button ion-button (click)="completeModal()">完成</button>
    </ion-buttons>
  </ion-navbar>
  <ion-list *ngIf="!isNoMoreData && fundList && fundList.length > 0 && !selectOne">
    <ion-item>
      <ion-label>全选</ion-label>
      <ion-checkbox [(ngModel)]="isSelectAll" (ionChange)="selectAll()"></ion-checkbox>
    </ion-item>
  </ion-list>
</ion-header>
<ion-content>
  <ion-item-divider *ngIf="isNoMoreData" class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
  <ion-list *ngIf="!isNoMoreData && fundList && fundList.length > 0">
    <ion-item *ngIf="!selectOne">
      &nbsp;
    </ion-item>
    <ion-item *ngFor="let fund of fundList">
        <ion-label style="white-space: pre-wrap;">{{fund.vc_fund_code}}&nbsp;{{fund.vc_fund_name}}</ion-label>
        <ion-checkbox [(ngModel)]="fund.selected" *ngIf="!selectOne"></ion-checkbox>
        <ion-radio value="fund.selected" *ngIf="selectOne && !fund.selected" (ionSelect)="radioSelected(fund)"></ion-radio>
        <ion-radio value="fund.selected" *ngIf="selectOne && fund.selected" checked (ionSelect)="radioSelected(fund)"></ion-radio>
    </ion-item>
  </ion-list>
</ion-content>
